$(function () {
    // 分期付款
    $(".installnum").on("mouseenter", function () {
        $(".installmentBox").show();
    })
    $(".installnum").on("mouseleave", function () {
        $(".installmentBox").hide();
    })
    //二维码
    $(".qr-code").on("mouseenter", function () {
        $(".qr-code img").show();
    })
    $(".qr-code").on("mouseleave", function () {
        $(".qr-code img").hide();
    })
    // 放大镜
    function _initImg() {
        var i = $('.cloudzoom');
        i.load(function () {
            var _this = $(this);
            var w = _this.width();
            var h = _this.height();
            var falg = w <= h ? true : false;
            if (falg) {
                _this.css({
                    'width': 'auto',
                    'height': 100 + '%'
                });
            } else {
                _this.css({
                    'width': 100 + '%',
                    'height': 'auto'
                });
            };
        });
    };
    _initImg();

    CloudZoom.quickStart();
    $(function () {
        $('#gdg_silder').Thumbelina({
            $bwdBut: $('#gdg_silder .jcarousel-prev'),
            $fwdBut: $('#gdg_silder .jcarousel-next')
        });
    });
    // 右侧鼠标移入效果
    $(".product-recommend").on("mouseenter", function () {
        $(".autoimg").stop().animate({
            width: 913.258,
            height: 329.613,
            marginLeft: -21.6291,
            marginTop: -7.80638,

        })
    })


    // 猜你喜欢的轮播图
    //获取总页数
    var ul_num = $(".u_lanren ul").length;
    var li_wid = $(".u_lanren ul").width();
    var love_list = (ul_num * li_wid) + 10;
    $(".u_lanren").css('width', love_list);
    var li_num = $(".u_lanren ul li").length;
    $(".ont").html(li_num);
    //控制滚动代码begin
    var animateEnd = 1;
    $(".next a").on('click', function () {
        nextscroll()
    });
    function nextscroll() {
        //获取分页页数
        var index = $(".u_lanren ul li").index(this) + 2;
        var index = $(".u_lanren ul li").eq(1).attr('id');
        $(".hov").html(index);

        var vcon = $(".u_lanren ");
        var offset = ($(".u_lanren li").width()) * -1;
        vcon.stop().animate({
            left: offset
        }, "slow", function () {
            var firstItem = $(".u_lanren ul li").first();
            vcon.find("ul").append(firstItem);
            $(this).css("left", "0px");
        })
    };
    $(".prev a").on('click', function () {
        //获取分页页数
        var index = $(".u_lanren ul li").index(this) + 2;
        var index = $(".u_lanren ul li").eq(-1).attr('id');
        $(".hov").html(index);

        var vcon = $(".u_lanren ");
        var offset = ($(".u_lanren li").width() * -1);
        var lastItem = $(".u_lanren ul li").last();
        vcon.find("ul").prepend(lastItem);
        vcon.css("left", offset);
        vcon.animate({
            left: "0px"
        }, "slow")
    });


    // 获取导航栏的高度
    $(window).load(function () {

        var topH = $("#gd30_taball").offset().top;

        $(window).scroll(function () {
            var scrollH = $(this).scrollTop(); //不可见区域的高度

            if (scrollH > topH) {
                $("#gd30_taball").css({
                    top: 0,
                    position: "fixed",
                    zIndex: 122,
                    background: "white",
                    width: "100%",
                    borderBottom: "1px solid #ccc",
                    margin: "auto",
                })
            } else {
                $("#gd30_taball").css({
                    position: "static",
                    width: "1210",
                    borderBottom: "0",
                    background: "white",

                })

            }
        })
    })

    // 导航栏切换
    $(window).scroll(function () {
        var topH = $("#gd30_main").offset().top;
        console.log(topH);

        var scrollH = $(this).scrollTop(); //不可见区域的高度
        $(".gd30btmi_swith li").click(function () {
            var index = $(this).index()
            $(".goodsContent_right ul").children('li').eq(index)
                .show().siblings().hide();
            $("#gd30_main").css({
                topH: top,
                transition: "1"
            })
        })

    })



})



